<div class="row">
  <div id="breadcrumb" class="col-md-12">
    <ol class="breadcrumb">
      <li><a ui-sref="layout.main">主页</a></li>
      <li><a href="javascript:;">班级列表</a></li>
    </ol>
  </div>
</div>
<div class="well" style="background-color: #FFFFFF;">
  <div class="row">
    <div class="col-xs-2">
      <input class="btn btn-block btn-info"
        value="添加班级"
        ui-sref="layout.add.classes"
        type="button" />
    </div>
    <div class="col-xs-2">
      <button class="btn btn-block btn-info" type="button" ng-click="showDetail()">
        <i class="fa fa-eye"></i> 查看详情
      </button>
    </div>
    <div class="col-xs-2">
      <button class="btn btn-block btn-danger" type="button" ng-click="remove()">
        <i class="fa fa-trash"></i> 删除选中项
      </button>
    </div>
  </div>
  <hr />
  <div class="row">
    <div class="col-xs-12">
      <table class="table table-striped table-hover">
        <thead>
          <tr>
            <th></th>
            <th>
              <input type="text" ng-model="search.id" class="form-control" placeholder="编号" />
            </th>
            <th>
              <input type="text" ng-model="search.classes_name" class="form-control" placeholder="班级名称" />
            </th>
            <th>
              <input type="text" ng-model="search.classes_name" class="form-control" placeholder="所属专业" />
            </th>
          </tr>
        </thead>
        <tbody>
          <tr style="position: relative;" class="item animated slideInRight noneOut"
            ng-repeat="classes in (tempclasses = (classes | filter: search |
            filter:{classes_id:id}:idFilter) |
            limitTo : itemsPerPage : itemsPerPage * (bigCurrentPage - 1) ) ">
            <td><input name="ids" value="{{classes.id}}" ng-model="selectedId" type="radio" /></td>
            <td ng-bind="classes.id"></td>
            <td ng-bind="classes.classes_name"></td>
            <td ng-bind="classes.major_id | id2name : map.major : 'major'"></td>
            <!-- <td ng-bind="classes.usr_classes | id2name : map.classes : 'classes'"></td> -->
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-6">
      总共有<span class="text-warning" ng-bind="tempclasses.length"></span>条记录 每页显示<input type="text" style="width: 30px;text-align: center;" ng-model="itemsPerPage" />条记录
    </div>
    <div class="col-xs-6">
      <uib-pagination previous-text="上一页" next-text="下一页" total-items="tempclasses.length" items-per-page="itemsPerPage" ng-model="bigCurrentPage" max-size="5" class="pagination-sm" boundary-link-numbers="true" rotate="true"></uib-pagination>
    </div>
  </div>
</div>